@charset "UTF-8";
@import "_reset.scss";
@import "_iconfont.scss";

@function r($px){
  @return ($px/40) * 1rem;
}

@function px($px){
  @return ($px/2) * 1px;
}

#web{
  width: r(750);
  height: 100%;
  position: relative;
}

header{
  width: 100%;
  padding-top: r(17);
  .selectBar{
    width: r(158);
    height: r(54);
    border: 1px solid #ff9344;
    margin-top: r(34);
    select{
      width: 100%;
      height: 100%;
      border: none;
      outline: none;
      vertical-align: top;
      // 去除默认倒三角样式
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: url("../images/dsjx.png") no-repeat right 6px center;
      background-size: 15px 8px;
      text-align: center;
    }
  }
}

footer{
  width: r(750);
  height: px(120);
  position: absolute;
  left: 0;
  bottom: 0;
  ul{
    li{
      width: 25%;
      text-align: center;
      a{
        color: black;
      }
      .iconfont{
        font-size: r(70);
        color: white;
        -webkit-text-stroke: 1px #ff9344;
      }
      .current{
        color: #ff9344;
      }
      p{
        font-size: px(26);
      }
    }
  }
}